<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>热评新闻列表</title>
    <meta name="keywords" content="share"/>
    <meta name="description" content="热门评价，新闻分享，coolface"/>
    <meta name="format-detection" content="telephone=no"/>
	<!--<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">-->
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script>
    <!-- weUI.css -->
    <link href="css/weui.min.css" rel="stylesheet"/>
    <!-- jQ-weUI.css -->
    <link href="css/jquery-weui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_j6iy8fp40u8ilik9.css">
    <link rel="stylesheet" href="css/news-hotnews.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div class="news listHader">
		<div class="weui-flex commentEditor">
			  <div class="headerIcon"><i class="icon iconfont icon-xinwen"></i></div>
			  <div class="weui-flex__item">
			  	<p class="firstNewsTitle"><span>热评新闻</span></p>
			  </div>
			  <!--<div class="likeInfo xiala">-->
			  	<!--<i class="icon iconfont1 icon-xiala"></i>-->
			  <!--</div>-->
		</div>	
	</div>
	<div class="newsContent news">
		<ul id="newsListUl">
			<!--<li>-->
				<!--<a href="http://www.XXXX.com">-->
					<!--<div class="typeOneBox">-->
						<!--<div class="newsTitle">-->
							<!--<p class="firstTitle">这处旅游胜地拒绝对歪果仁开放，只接收大天朝的游客观光</p>-->
							<!--<p><span class="hotup">hot</span><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></p>-->
						<!--</div>-->
					<!--</div>-->
				<!--</a>-->
			<!--</li>-->
			<!--<li>-->
				<!--<a href="http://www.XXXX.com">-->
					<!--<div class="typeOneBox">-->
						<!--<div class="newsTitle">-->
							<!--<p class="firstTitle">这处旅游胜地拒绝对歪果仁开放，只接收大天朝的游客观光</p>-->
							<!--<p><span class="hotup">hot</span><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></p>-->
						<!--</div>-->
						<!--<div class="commentBody">-->
							<!--<div class="newsImg">-->
								<!--<img src="image/gangaowan.jpg" alt="">-->
								<!--<div class="smallIcon"><i class="icon iconfont1 icon-plus-pic"></i><span>&nbsp;10&nbsp;图</span></div>-->
							<!--</div>-->
						<!--</div>-->
					<!--</div>-->
				<!--</a>-->
			<!--</li>-->
			<!--<li>-->
				<!--<a href="http://www.XXXX.com">-->
					<!--<div class="weui-flex NewsBox">-->
						<!--<div class="weui-flex__item listNewsBox">-->
							<!--<p class="NewsBoxTitle">回顾奥巴马在任期间对IS的武装措施</p>-->
							<!--<div><p class="hotup">hot</p><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></div>-->
						<!--</div>-->
						<!--<div class="">-->
							<!--<div class="imageList">-->
								<!--<img src="image/aobama.jpg">-->
							<!--</div>-->
						<!--</div>-->
					<!--</div>-->
				<!--</a>-->
			<!--</li>-->
			<!--<li>-->
				<!--<a href="http://www.XXXX.com">-->
					<!--<div class="weui-flex NewsBox">-->
						<!--<div class="">-->
							<!--<div class="typeTwo">-->
								<!--<img src="image/xinwenone.jpg">-->
							<!--</div>-->
						<!--</div>-->
						<!--<div class="weui-flex__item listNewsBoxTwo">-->
							<!--<p class="NewsBoxTitle">昨日凌晨，印度尼西亚发生1.0级地震，市民声称震感强烈</p>-->
							<!--<p><span class="hotup">hot</span><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></p>-->
						<!--</div>-->
					<!--</div>-->
				<!--</a>-->
			<!--</li>-->
			<!--<li>-->
				<!--<a href="http://www.XXXX.com">-->
					<!--<div class="NewsBox">-->
						<!--<div class="listNewsBox">-->
							<!--<p class="NewsBoxTitle">下半年中国将会发生哪些大事，与我们...</p>-->
							<!--<p><span class="hotup">hot</span><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></p>-->
						<!--</div>-->
						<!--<div class="weui-flex">-->
							<!--<div class="weui-flex__item typeTwo">-->
								<!--<img src="image/xinwenthree.jpg">-->
							<!--</div>-->
							<!--<div class="weui-flex__item typeTwo typeThree">-->
								<!--<img src="image/xinwenthree.jpg">-->
							<!--</div>-->
							<!--<div class="weui-flex__item typeTwo">-->
								<!--<img src="image/xinwenthree.jpg">-->
							<!--</div>-->
						<!--</div>-->
					<!--</div>-->
				<!--</a>-->
			<!--</li>-->
			<!--<li>-->
				<!--<a href="http://www.XXXX.com">-->
					<!--<div class="typeOneBox">-->
						<!--<div class="commentBody">-->
							<!--<div class="newsImg">-->
								<!--<img src="image/gangaowan.jpg" alt="">-->
								<!--<div class="smallIcon"><i class="icon iconfont1 icon-plus-pic"></i><span>&nbsp;10&nbsp;图</span></div>-->
							<!--</div>-->
						<!--</div>-->
						<!--<div class="newsTitle">-->
							<!--<p class="firstTitle">这处旅游胜地拒绝对歪果仁开放，只接收大天朝的游客观光</p>-->
							<!--<p><span class="hotup">hot</span><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></p>-->
						<!--</div>-->
					<!--</div>-->
				<!--</a>-->
			<!--</li>-->
			<!--<li>-->
				<!--<a href="http://www.XXXX.com">-->
					<!--<div class="NewsBox">-->
						<!--<div class="weui-flex">-->
							<!--<div class="weui-flex__item typeTwo">-->
								<!--<img src="image/xinwenthree.jpg">-->
							<!--</div>-->
							<!--<div class="weui-flex__item typeTwo typeThree">-->
								<!--<img src="image/xinwenthree.jpg">-->
							<!--</div>-->
							<!--<div class="weui-flex__item typeTwo">-->
								<!--<img src="image/xinwenthree.jpg">-->
							<!--</div>-->
						<!--</div>-->
						<!--<div class="listNewsBox typeSeven">-->
							<!--<p class="NewsBoxTitle">下半年中国将会发生哪些大事，与我们...</p>-->
							<!--<p><span class="hotup">hot</span><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></p>-->
						<!--</div>-->
					<!--</div>-->
				<!--</a>-->
			<!--</li>-->
		</ul>
	</div>

	<script id="newsTemplateTwo" type="text/html">
		<li>
			<a href="http://www.----.com">
				<div class="weui-flex NewsBox">
					<div class="weui-flex__item listNewsBox">
						<p class="NewsBoxTitle">回顾奥巴马在任期间对IS的武装措施</p>
						<div><p class="hotup">热</p><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></div>
					</div>
					<div class="">
						<div class="imageList">
							<img src="image/aobama.jpg">
						</div>
					</div>
				</div>
			</a>
		</li>
	</script>

	<script id="newsTemplateOne" type="text/html">
		<li>
			<a href="http://www.----.com">
				<div class="typeOneBox">
					<div class="newsTitle">
						<p class="firstTitle">这处旅游胜地拒绝对歪果仁开放，只接收大天朝的游客观光</p>
						<p><span class="hotup">顶</span><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></p>
					</div>
					<div class="commentBody">
						<div class="newsImg">
							<img src="image/aobama.jpg" alt="">
							<div class="smallIcon"><i class="icon iconfont icon-plus-pic"></i><span>&nbsp;10&nbsp;图</span></div>
						</div>
					</div>
				</div>
			</a>
		</li>
	</script>

	<script id="newsTemplateThree" type="text/html">
		<li>
			<a href="http://www.----.com">
				<div class="weui-flex NewsBox">
					<div class="">
						<div class="typeTwo">
							<img src="image/aobama.jpg">
						</div>
					</div>
					<div class="weui-flex__item listNewsBoxTwo">
						<p class="NewsBoxTitle">昨日凌晨，印度尼西亚发生1.0级地震，市民声称震感强烈</p>
						<p><span class="hotup">热</span><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></p>
					</div>
				</div>
			</a>
		</li>
	</script>

	<script id="newsTemplateFour" type="text/html">
		<li>
			<a href="http://www.----.com">
				<div class="NewsBox">
					<div class="listNewsBox">
						<p class="NewsBoxTitle">下半年中国将会发生哪些大事，与我们...</p>
						<p><span class="hotup">热</span><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></p>
					</div>
					<div class="weui-flex">
						<div class="weui-flex__item typeTwo">
							<img src="image/xinwenthree.jpg">
						</div>
						<div class="weui-flex__item typeTwo typeThree">
							<img src="image/aobama.jpg">
						</div>
						<div class="weui-flex__item typeTwo">
							<img src="image/gangaowan.jpg">
						</div>
					</div>
				</div>
			</a>
		</li>
	</script>

	<script id="newsTemplateFive" type="text/html">
		<li>
			<a href="http://www.----.com">
				<div class="typeOneBox">
					<div class="newsTitle">
						<p class="firstTitle">这处旅游胜地拒绝对歪果仁开放，只接收大天朝的游客观光</p>
						<p><span class="hotup">热</span><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></p>
					</div>
				</div>
			</a>
		</li>
	</script>

	<script id="newsTemplateSix" type="text/html">
		<li>
			<a href="http://www.XXXX.com">
				<div class="typeOneBox">
					<div class="commentBody">
						<div class="newsImg">
							<img src="image/gangaowan.jpg" alt="">
							<div class="smallIcon"><i class="icon iconfont icon-plus-pic"></i><span>&nbsp;10&nbsp;图</span></div>
						</div>
					</div>
					<div class="newsTitle typeSeven">
						<p class="firstTitle">这处旅游胜地拒绝对歪果仁开放，只接收大天朝的游客观光</p>
						<p><span class="hotup">hot</span><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></p>
					</div>
				</div>
			</a>
		</li>
	</script>

	<script id="newsTemplateSeven" type="text/html">
		<li>
			<a href="http://www.XXXX.com">
				<div class="NewsBox">
					<div class="weui-flex">
						<div class="weui-flex__item typeTwo">
							<img src="image/xinwenthree.jpg">
						</div>
						<div class="weui-flex__item typeTwo typeThree">
							<img src="image/aobama.jpg">
						</div>
						<div class="weui-flex__item typeTwo">
							<img src="image/gangaowan.jpg">
						</div>
					</div>
					<div class="listNewsBox typeSeven">
						<p class="NewsBoxTitle">下半年中国将会发生哪些大事，与我们...</p>
						<p><span class="hotup">hot</span><span class="where_time">&nbsp;&nbsp;某某网&nbsp;&nbsp;2016-05-24</span></p>
					</div>
				</div>
			</a>
		</li>
	</script>

	<script src="js/lib/jquery-2.0.3.min.js"></script>
	<script src="js/lib/fastclick.js"></script>
	<script src="js/lib/jquery-weui.min.js"></script>
	<script src="js/newsList.js"></script>
</body>
</html>